前言

不管你是不是學程式的,常常都會接觸到網頁，常常會聽到網頁就是HTML、CSS和JavaScript那網頁是怎麼開發的呢?

每個語言都負責不一樣的工作，來維持網頁運作。

在下面來簡單介紹一下HTML,CSS,JavaScript ~

HTML

甚麼事HTML呢?

HTML 是一種標記語言（markup language），而非一般熟知的程式設計語言；它會告訴瀏覽器該如何呈現你的網頁-單純簡易或是極其複雜的頁面都沒問題。

HTML 包含了一系列的元素，而元素包含了標籤與內容，我們用標籤來控制內容的呈現樣貌，例如字體大小、斜體粗體、在文字或圖片設置超連結等，，下面簡單示範一下。

可以設定標籤和文字內容，在畫面呈現。

<h1>123456789</h1>

這在後面會做進一步的解釋及示範~

CSS

CSS 的全名是 (Cascading Style Sheets)，翻譯為「階層式樣式表」，是一個專注在外貌的設定上，讓 HTML 專注於文件的結構，因此讓網頁原始碼回歸成乾淨俐落的文件。

那CSS是怎麼運作的呢?

如同我們上面所提到的， CSS 是一種用來指定文件該用什麼方式呈現的語言，可以定義它們的樣式、布局…等。

CSS 可以用在很基本文字樣式，像是改變標題和連結的顏色及尺寸，他也可以建立布局，像是將原本單欄的文字內容加入布局,劃分出主要的內容以及包含相關資訊的側邊欄。舉例來說明:

可以設定背景顏色

h1{
 background-color:red;
 }

當然你也可以設計文字顏色

h1{
    color:red;
 }

當然有許多的功能，這在後面有會做全面的講解。

JavaScript

介紹了畫面的呈現(CSS)，當然不能忘了他。

JavaScript是一個在網頁非常重要的腳色，如果說CSS是賦予網頁美觀，那JavaScript賦予網頁了靈魂，
是一個讓網頁能夠呈現出特效與互動效果的程式語言。

由於他不是很好舉例說明，我們後續會再做進一步的解釋，先了解他是甚麼就好~

好啦以上就是第一天內容了，明天就來介紹要選擇編譯器來做使用吧?